<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		 <style type="text/css">
		/* .demo a {
			float: left;
			display: block;
			height: 50px;
			width: 50px;
			border-radius: 10px;
			text-align: center;
			background: #aac;
			color: blue;
			font: bold 20px/50px Arial;
			margin-right: 5px;
			text-decoration: none;
			margin: 5px;
		} */
		/* a[id]{
			background: red;
		} */
		/* a[class="links item"]{
			background: black;
		} */
		/* a[href^="si"]{
			background: #008000;
		} */
	/* 	a[href$="doc"]{
			background: #008000;
		} */
		a[class*="links"]{
			background:black;
		}
		</style>
	</head>
	<body>
		<p class="demo">
		    <a href="http://www.baidu.com" class="links item first" id="first" >1</a>
		    <a href="" class="links active item" title="test website" target="_blank" >2</a>
		    <a href="sites/file/test.html" class="links item"  >3</a>
		    <a href="sites/file/test.png" class="links item" > 4</a>
		    <a href="sites/file/image.jpg" class="links item" >5</a>
		    <a href="efc" class="links item" title="website link" >6</a>
		    <a href="/a.pdf" class="links item" >7</a>
		    <a href="/abc.pdf" class="links item" >8</a>
		    <a href="abcdef.doc" class="links item" >9</a>
		    <a href="abd.doc" class="linksitem last" id="last">10</a>
		</p>
		
	</body>
</html>
